@import 'ant-design-vue/lib/message/style/index.less';
@import 'ant-design-vue/lib/notification/style/index.less';
@import '@wangeditor/editor/dist/css/style.css';
@import "./mixin.less";


html,
body,
#app {
  margin: 0;
  padding: 0;
  height: 100%;
  background-color: #fff;
}

#nprogress {
  .bar {
    background: @primary-color  !important; //自定义颜色
  }

  .spinner-icon {
    border-color: @primary-color transparent transparent @primary-color;
  }
}

.form-item {
  &-flex {
    .flex-row(@type: flex-start; @align: center);

    .line {
      margin: 0 17px;
    }

    :deep(.ant-form-item) {
      margin-bottom: 0 !important;
    }
  }

  &-100 {
    width: 100px !important;
  }

  &-150 {
    width: 150px !important;
  }

  &-200 {
    width: 200px !important;
  }

  &-220 {
    width: 220px !important;
  }

  &-340 {
    width: 340px !important;
  }
}

.status {
  &-primary {
    color: @primary-color;
  }

  &-success {
    color: @success-color;
  }

  &-error {
    color: @danger-color;
  }

  &-warning {
    color: @warning-color;
  }

  &-info {
    color: @font-color-info;
  }
}

.ant-card {
  .ant-card-body {
    padding: 16px;
  }
}